<template>
  <div>
    <InfoLayout>
      <template #content>

        <el-table class="infoReply" :data="tableData" style="width: 100%" @cell-click="cellClick">
          <el-table-column prop="date" label="回复时间" width="180">
          </el-table-column>
          <el-table-column prop="name" label="信件主题">
          </el-table-column>
          <el-table-column prop="address" label="处理情况" width="180">
          </el-table-column>
        </el-table>
      </template>
    </InfoLayout>
  </div>
</template>

<script>
import InfoLayout from "@STmailboxesWeb/components/infoLayout";
export default {
  components: {
    InfoLayout
  },
  name: "infoReply",
  data() {
    return {
      tableData: [{
        date: '待回复',
        name: '【问政四川】咨询异地生育问题',
        address: '处理中'
      },]
    };
  },
  created() {
  },
  methods: {
    cellClick() {
      this.$router.push({
        path: "/infoQuery",
      });
    }

  },
};
</script>

<style lang='scss' scoped>
::v-deep {
  .infoReply .el-table {
    border-bottom: 1px dashed #698AB7 !important;
  }

  .infoReply tr {
    height: 40px;
  }

  thead th>div {
    height: 40px;
    background: #E5EDF5;
    width: 28px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #225483;
    line-height: 40px;
    text-align: left;
    border-bottom: 1px dashed #698AB7;
  }

  .infoReply .el-table__cell {
    padding: 0;
    height: 40px;
  }

  .infoReply .cell {
    line-height: 40px;

  }

  tbody td:first-child>div {
    color: red;
  }

  tbody td:last-child>div {
    color: #519D38ed;
  }

  .wl-pagination {
    margin: 20px 0px;
  }
}
</style>